.p-datepicker .p-datepicker-panel {
    z-index: 1;
}
p-fileupload .p-button {
    padding: 0;
}
.section-container.col-md-4:empty {
    display: none;
}
.ui-datatable-tablewrapper {
    overflow-x: auto;
}
.step:not(.active) .step-name {font-size: 0;padding-left: 10px;padding-right: 2px;background: #cfd3d7;}

app-reset-password .spinner-border.loading {margin-bottom: 30px !important;}


app-reset-password {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.online-services-image {
    padding: 0;
}
.p-dialog-content {
    overflow-y: initial !important;
}
.form-group.editor-control button.btn.pull-left.btn-xs.btn-primary:hover {
    opacity: 0.8;
}

.p-dialog .p-dialog-header {
    cursor: default;
    pointer-events: none;
}

.p-dialog .p-dialog-header .p-dialog-header-actions {
    pointer-events: initial;
}

p-table.form-control-ng .p-datatable .p-datatable-tbody>tr:nth-child(even) {
    background: #f9f9f9;
}

.container-row button.btn.pull-left.btn-xs {
    background-color: #00a6dc;
    border: 1px solid #00a6dc;
    color: #fff;
}

.container-row button.btn.pull-left.btn-xs:hover {
    opacity: 0.8;
}


button.btn.btn-success:hover {
    color: #29a3dd !important;
}.control-lable-without {
    font-weight: 500;
}
.modal-content {
    border: 0;
}.quote-retrieval button.quote-btn:hover {
    opacity: 0.8;
}
span.ui-float-label .ui-g-4 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 10px;
}

.section-get-pricing-box {
    background: #f4f4f4;
    margin: 0;
    padding: 25px;
}

.section-get-pricing-box .form-group {
    position: relative;
    
    margin-bottom: 20px;
}
.program .fieldset-box .subject-legend {
    margin-top: 20px;
}
.get-pricing-box span.alert.alert-danger {
    position: relative;
    top: 0px;
    padding: 0;
}
p-radiobutton {
    margin-bottom: 0 !important;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    margin-bottom: 0 !important;
}
.p-datepicker.p-component.p-inputwrapper.p-inputwrapper-filled:hover {
    border-color: #ced4da !important;
}

.p-fileupload-header {
    border: 0;
}
span.ui-float-label .ui-g-4 label.component-label.form-check-lable {
    margin-bottom: 0 !important;
}
p-fileupload {
    margin-top: 10px;
}

p-fileupload .p-fileupload-header {
    justify-content: start;
    font-size: 14px;
    color: #333;
    border: 0;
    display: flex;

}

p-fileupload .p-fileupload-file-actions p-fileupload-header p-button {
    background: #2aa8da;
}



p-fileupload .p-fileupload-header p-button {
    background: #2aa8da;
    margin: 0 10px;
    padding: 0 14px;
    border-radius: 3px;
    display: flex;
    a;: 32px;
    align-items: center;
    min-height: 32px;
}

p-fileupload .p-fileupload-header  .p-icon {
    color: #ffffff;
}

p-fileupload .p-fileupload-file-actions path {
    fill: #ffffff;
}

p-fileupload .p-fileupload-file-actions .p-button-label {
    padding: 0;
    display: block;
    height: 100%;
}

p-fileupload .p-fileupload-header span.p-button-label:hover {
    background: none;
    border-color: #3ca9d9;
}


p-fileupload .p-fileupload .p-fileupload-content {
    justify-content: center;
    font-size: 14px;
    color: #333;
    background: #f8f8f8;
    margin-top: 0px;
    border-top: 0;
    justify-content: space-between;
    position: relative;
}

p-fileupload .p-fileupload-content p-progressbar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: .25rem;
    background: #efefef;
    border-radius: 2px;
    overflow: hidden;
}

p-fileupload  .file-container {
    margin-bottom: 0;
}

p-fileupload  .p-fileupload-file {
    padding: 12px 20px;
    justify-content: space-between;
    background: #fff;
}

p-fileupload  .p-fileupload-file-thumbnail {
    height: 100%;
    object-fit: contain;
    width: 25%;
    max-height: 50px;
    object-position: right;
}

p-fileupload  .p-fileupload-file-info {
    flex-direction: row;
}

p-fileupload .p-fileupload-file-actions {
    margin: 0;
}

p-fileupload  .p-fileupload-file-actions .p-component.p-iconwrapper svg {
    color: #2aa8da;
}

p-fileupload  .p-fileupload-file-actions .p-component.p-iconwrapper {

    padding: 0;
    justify-content: center;
}

p-fileupload  .p-fileupload-file-actions .p-button-rounded {
    border-radius: 3px !important;
    background: #3ca9d9;
    padding: 0 9px;
}

p-fileupload  .p-fileupload-file-actions .p-button-text.p-button-danger:not(:disabled):hover {
    background: #2aa8da;
    opacity: 0.5;
}

ul.file-container {
    display: flex;
    justify-items: flex-start;
    padding: 10px  15px;
    flex-direction: column;
    padding: 10px 30px;
}

.p-fileupload li::marker {
    font-size: 14px;
}


.modal-header .btn-close {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}
.programs-cont .form-control[readonly] {
    BACKGROUND: #f6fdff !important;
}

.p-datepicker.p-component.p-inputwrapper.p-inputwrapper-filled:hover {
    border-color: #ced4da !important;
}

.p-fileupload-header {
    border: 0;
}

p-fileupload {
    margin-top: 10px;
}





p-fileupload  .p-fileupload-header p-button {
    background: #2aa8da;
    margin: 0 10px;
    padding: 0 14px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    min-height: 32px;
}

p-fileupload   .p-fileupload-header  .p-icon {
    color: #ffffff;
}

p-fileupload   .p-fileupload-header  path {
    fill: #ffffff;
}

p-fileupload   .p-fileupload-header  .p-button-label {
    padding: 0;
    display: block;
    height: 100%;
}

p-fileupload   .p-fileupload-header span.p-button-label:hover {
    background: none;
    border-color: #3ca9d9;
}

shc-product-preview {
    padding-left: 0; padding-right: 0;
}.container-fluid.program .col-sm-12.col-md-12.col-lg-12 {
    padding: 0;
}
.programs-cont .prime-form-control .ui-float-label .form-control[readonly]:hover,.p-datepicker.p-component.p-inputwrapper.p-inputwrapper-filled:hover {
    border-color: #ced4da !important;
}
.inner-content .view-content table tr:first-child td:first-child {
    width: auto !important;
}

.modal-content {border: 0;}

.modal-header {
    background: 25px #00a6dc;
    border-color: #00a6dc;
    padding: 13px 15px;
    color: #fff;
    justify-content: space-between;
}

.modal-header h4 {
    font-size: 14px;
}


.btn-close {
      opacity: 1;
    --bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e);
}

.modal-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    max-height: 90%;
    transform: scale(1);
    justify-content: center;
}



.modal-header .btn-close {
    margin: 0;
    padding: 0;
}



.statement-account .card .card-header {
    display: flex;
    border: 0;
    font-weight: 400;
    line-height: 0;
    padding: 10px;
    background: #333e48 !important;
    color: #fff !important;
    border-radius: 0;
    align-items: center;
}
.p-datepicker-clear-button .p-button-label {
    background: #dbdbdbc4;
    color: #333;
    border-color: #dbdbdbc4;
}
h4.card-title {
    margin: 0;
    font-size: 16px;
}
.statement-account .card .card-header {
    padding: 10px !important;
}

.programs-cont .form-control,.programs-cont .p-datepicker,.p-select ,.form-control{
    padding: .375rem .75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}

.p-inputtext {  font-size: 13px !important;}
.programs-cont .form-group .p-datepicker-dropdown {
    margin-top: 0 !important;
}
.p-select-label {
    color: #4d6253 !important;
}
.alert.alert-danger {
    display: flex
;
}form#previewForm {
    padding: 0;
}.box-footer, .modal .modal-footer {
    border-top: 1px solid #e8e8e8 !important;

    padding: 4px;
}

.fb-lable-style {
    margin-bottom: 0;
}

.fb-lable-style p {FONT-WEIGHT: BOLD !IMPORTANT;COLOR: #343e48;}

.programs-cont .p-dropdown.p-component, .ui-inputtext {

    box-shadow: none;   
}
.p-calendar .p-inputtext {
    outline: none;}
.p-dialog {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}


.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] {
    outline: none;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    background: #f7f9f299;
}
.p-dialog-content  .p-dropdown.p-component,.p-dialog-content .ui-inputtext {
    outline: none;
    
    box-shadow: none;
}
.form-group .ng-invalid {
  

    animation: none !important;
}ngb-datepicker .btn ~ .btn:HOVER {
    background-color: #00a6dc;
    border-color: #00a6dc;
    color:#fff;
}

ngb-datepicker .btn {
    width: auto !important;
    font-size: 12px;
    padding: 8px 17px;
}

ngb-datepicker .btn ~ .btn {
    background: #dbdbdbc4;
    color: #333;
}

.btn.btn-link {
    padding: 0;
    color: #fff;
}

ngb-datepicker-navigation-select>.custom-select {
    margin: 0 4px;
}

.ngb-dp-weekdays {
    background: #00a6dc !important;
    margin-bottom: 10px !important;
}

.ngb-dp-weekday {
    color: #fff !important;
}


.p-datepicker {
    width: 100%;
}
.p-dialog .p-dialog-header {
    background: #fff;
    background: #00a6dc;
    border-bottom: 0;
    padding: 6px 15px;
}

.p-calendar .p-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}

.p-calendar {
    display: block;
}

.p-calendar  button.p-datepicker-trigger {
    position: absolute;
    right: 0;
    height: 48px;
    bottom: 0;
    background: none !important;
    border: 0;
    opacity: 1;
    font-size: 25px;
    width: auto !important;
    padding: 10px!important;
}

.pi-calendar {
    font-size: 25px;
    color: #276037;
}



.p-calendar .p-inputtext {
    width: 100% !important;
    border-radius: 5px !important;
}

.p-calendar {
    width: 100%;
}


.p-datatable .p-datatable-header {
    background: #00a6dc;
    border-color: #00a6dc;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    font-weight: normal;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f8f8f8;
    font-size: 14px;
    COLOR: #000;
    FONT-WEIGHT: NORMAL;
}


.programs-cont p.process-img {
    margin-top: 20px;
}

.programs-cont .box-footer .fb-button:first-child ,.p-dialog-content .row.row-margin ~ .form-row button:first-child{
    background: #f8f8f8 !important;
    color: #333 !important;
    margin-right: 10px !important;
}

.p-datepicker .p-datepicker-buttonbar .p-button.p-component {
    width: auto !important;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 30px;
}

.p-datepicker .p-datepicker-buttonbar {
    padding-bottom: 0;
}


.p-datepicker table td {
    padding: 0;
}

.p-datepicker .p-datepicker-header {
    padding: 0;
    background-color: #2aa8da !important;
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2aa8da;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #2aa8da;
}

.p-datepicker table {
    margin: 0;
}

.p-datepicker  thead {
    background: #2aa8da !important;
    margin-bottom: 10px !important;
    color: #333;
}

.p-datepicker table th {
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #2aa8da80;
}




.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #2aa8da;
    background: #2aa8da;
}



input[type=checkbox]:checked:before {
    background-color: #2aa8da!important;
    border-color: #2aa8da !important;
}





.ngb-dp-content.ngb-dp-months {
    width: 100%;
}

.ngb-dp-month {
    width: 100%;
}

ngb-datepicker.dropdown-menu {
    width: 100%;
}

.ngb-dp-navigation-select {
    flex: 1 1 100%;
}

p-overlay.p-element {
    position: absolute;
    top: 0;
    width: 100%;
}





.p-datepicker-panel {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 0 6px #00000029 !important;
    padding: .857rem;
    background: #ffffff;
    color: #666;
    border: 1px solid #dadada;
    font-size: 13px;
    border-radius: 2px;
}
}

ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
    background: #f5f5f5 !important;
}

.p-datepicker-panel td>span {
    display: flex
;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.p-datepicker-panel table th {
    padding: .5rem;
}
.p-datepicker-panel table td>span {
    width: 2rem;
    height: 2rem;
    border-radius: 2px;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border: 1px solid transparent;
}
.p-datepicker-panel table td.p-datepicker-today>span {
    background: #d0d0d0;
    color: #666;
    border-color: transparent;
}

 .p-datepicker-panel .p-datepicker-buttonbar {
    
    border-top: 1px solid #dadada;    padding: 10px;
}
.p-datepicker-panel .p-datepicker-buttonbar {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}.p-datepicker-panel .p-button.p-button-text {
    background-color: transparent;
    color: #7b95a3;
    border-color: transparent;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    font-size: 12px;
    background: #333e48;
    color: #fff;
    padding: 0 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    width: auto;
}

.p-datepicker-panel .p-datepicker-clear-button .p-button {
    background: #dbdbdbc4 !important;
    color: #333;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-datepicker-clear-button {
    background: #dbdbdbc4;
    color: #333;
}
.p-datepicker-panel .p-datepicker-header {
    padding: 0;
    background-color: #2aa8da !important;
    color: #fff;
    padding: 5px;
}
.p-datepicker-panel .p-datepicker-header {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.p-datepicker-panel .p-ripple {
    padding: 4px 0px;
}

.p-datepicker-panel .p-button.p-button-text {
    color: #fff;
}

.p-datepicker-panel table th {
    background: #f8f8f8;
}

.p-datepicker-panel .p-datepicker-day-view {
    font-size: 12px;
}
.p-datepicker-panel .p-disabled,.p-datepicker-panel .p-component:disabled {
    opacity: .5;
}

.p-datepicker-panel table td>span:hover {
    background: #fdd92c85 !important;
}
.p-datepicker-panel .p-ripple:hover {
    color: #fdd92c;
}


.p-datepicker-panel .p-datepicker-year:hover,
.p-datepicker-panel .p-datepicker-month:hover {
 
    background: #fdd92c85 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button:hover, .p-datepicker-panel table td>span.p-highlight {
    background: #1aa8da;
    color: #fff;
}

.p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}


.programs-cont .p-datepicker:hover,.programs-cont .form-group span.ui-float-label .ui-inputtext:hover,.programs-cont .p-select:not(.p-disabled):hover ,.programs-cont .p-inputtext:enabled:hover,body .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-dropdown:not(.ui-state-disabled):hover,.programs-cont p-dropdown .p-inputtext:focus{
    border-color: #2aa8da !important;
}

.p-icon {
    color: #2aa8da;
}

.form-control:focus {
    box-shadow: none;
}

.p-select-option {
    font-size: 13px;
}
.p-dropdown-panel {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
}

p-dropdown .p-select-list{
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

p-dropdown .p-select-list {
    margin: 0;
    /* padding: .429rem .857rem; */
    border: 0 none;
    color: #666;
    background: transparent;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
}

p-dropdown p-dropdownitem:hover {
    color: #385048;
    background: #2aa8da40;
}

p-dropdown .p-select-option {
    padding: .429rem .857rem;
}

p-dropdown .p-select-header {
    padding: .429rem .857rem;
    border-bottom: 1px solid #dadada;
    color: #666;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

p-dropdown .p-inputtext {
   font-size: 1rem;
    color: #666;
    background: #ffffff;
    padding: .429rem;
    border: 1px solid #dadada;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    appearance: none;
    border-radius: 2px;
}


p-dropdown .p-inputicon {
    color: #a6a6a6;
    margin-left: 10px;
    top: 13px;  margin-righ: 10px;
}

p-dropdown .p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}
p-dropdown .p-dropdown-panel {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
}

p-dropdown .p-select-list{
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

p-dropdown .p-select-list {
    margin: 0;
    /* padding: .429rem .857rem; */
    border: 0 none;
    color: #666;
    background: transparent;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
}




p-dropdown .p-select-option {
    padding: .429rem .857rem;
}

p-dropdown .p-select-header {
    padding: .429rem .857rem;
    border-bottom: 1px solid #dadada;
    color: #666;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

p-dropdown .p-inputtext {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-size: 1rem;
    color: #666;
    background: #ffffff;
    padding: .429rem;
    border: 1px solid #dadada;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    appearance: none;
    border-radius: 2px;
}


p-dropdown .p-inputicon {
    color: #a6a6a6;
    margin-left: 10px;
    top: 13px;  margin-righ: 10px;
}

p-dropdown .p-iconfield {
    display: flex;
    justify-content: left;
}


p-dropdown .p-iconfield {
    display: flex;
    justify-content: left;
}

.p-datepicker-panel svg.p-icon {
    color: #fff;
}



.p-datepicker-weekday {
    color: #333 !important;
    font-weight: bold !important;
    width: 100%;
    display: block;
    text-align: center;
}

.p-datepicker-weekday-cell {
    text-align: center !important;
}


.p-datepicker .p-datepicker-panel {
    margin-top: 10px;
}

button[type="submit"],shc-policy-list button[type="button"],.p-toast-message-content button.ui-button-danger {
    background-color: #00a6dc;
    border: 1px solid #00a6dc;
    cursor: pointer !important;
    color: #fff;
    height: 100%;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    padding: 5px 13px;
} 
.statement-account .col-md-4[style="float: right; margin-top: 25px;"] {
    display: flex
;
}
.statement-account .col-md-4[style="float: right; margin-top: 25px;"] {
    padding-top: 5px;
}

button[disabled] {
    opacity: .5;
}.p-datepicker.p-component.p-inputwrapper.p-inputwrapper-filled {
    BACKGROUND: #f6fdff !important; 
}
.box-footer {
    margin-top: 20px !important;
}
button[type="submit"]:not([disabled]):hover,shc-policy-list button[type="button"]:hover,.p-toast-message-content button.ui-button-danger:hover {
    background: #6c8999;
    color: #fff;
    border-color: #6c8999;
}
.p-toast-message {
    margin-bottom: 0;
}

.p-toast-message.p-toast-message-error {
    background: #ff8b8b;
    border: 1px solid #ff8b8b;
    border-width: 1px;
    color: #212121;
}
.p-toast-message {
    border-radius: 2px;
}
.p-toast-message-content {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 2px;
    padding: 1rem !important;
    border-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center !important;
}
.p-toast-message {
    overflow: hidden;
    background: #fff;
    border: 0;
}

.p-toast-center {
    text-align: center;
}

.ng-trigger {
    margin: 0 auto;
    border: 0 !important;
}.p-toast-message-error svg.p-icon {
    color: #212121;
}
.p-toast-close-button {
    background: none !important;
    border: 0 !important;
}
p-button[arialabel="Close"] {
    position: absolute !important;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color .2s, color .2s, box-shadow .2s;
}
p-dropdown {
    align-items: center;
}
p-button[arialabel="Close"] button {
    width: 100%;
    height: 100%;
    margin: 0;
    right: 0;
}
.inner-content table tr th {
    font-weight: 500;
}
.ui-cell-data {
    font-size: 11px;
}
.p-button-text:not(:disabled):hover {
    opacity: 0.7;
}

.section-policy-list .card-body {
    padding: 10px 5px;
}

.section-policy-list .row.form-row {
    display: block;
    width: 100%;
    margin: 0;
}


.row-wraper-text {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

ui-state-default[style="width: 113px;"] {
    width: 40px !important;
}

.inner-content table tr:first-child td:first-child {
    width: 20px !important;
}

th.ui-state-default[style="width: 113px;"] {
    width: 63px !important;
}

.policy-list table p-dropdown.p-dropdown {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dadada !important;
    font-size: 11px !important;
    padding: .6em .8em !important;
}

.policy-list table p-dropdown.p-dropdown .p-select-dropdown {
    margin-right: 5px;
}

.row-wraper-text {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

ui-state-default[style="width: 113px;"] {
    width: 40px !important;
}

.inner-content table tr:first-child td:first-child {
    width: 20px !important;
}

th.ui-state-default[style="width: 113px;"] {
    width: 63px !important;
}

.policy-list table p-dropdown.p-dropdown {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dadada !important;
    font-size: 11px !important;
    padding: .6em .8em !important;
}

.policy-list table p-dropdown.p-dropdown .p-select-dropdown {
    margin-right: 5px;
}

.p-select-option {
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}
.p-select-option {
    margin: 0;
    padding: .429rem .857rem !important;
    border: 0 none;
    color: #666;
    background: transparent;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
}

form#previewForm .form-row p-table {
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
}
.p-select-option.p-select-option-selected,.p-select-option:hover {
    color: #385048;
 
    background: #ffee9e !important;
}
form#previewForm .form-row:last-child button.btn.center-block.btn-sm.btn-primary {
    float: left;
}
.form-group.editor-control.col-md-4 button.btn.pull-right.btn-sm.btn-primary {
    margin-top: 0 !important;
}


.box-footer button.btn.btn-primary.fb-button {
    margin-right: 0 !important;
}


form#previewForm  .p-datatable-thead>tr>th {
    background: #d9ebf1;
    font-size: 12px;
    text-align: center !important;
    padding: 5px;
    color: #333;
    border: 1px solid #dadada;
}




@keyframes p-component-overlay-enter-animation {
    0% {
        background-color: transparent
    }

    to {
        background-color:
    background-color: rgba(0, 0, 0, 0.4);
    }
}

@keyframes p-component-overlay-leave-animation {
    0% {
        background-color: var(--maskbg)
    }

    to {
        background-color: transparent
    }
}


body .p-overlay-mask-enter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.4);
    animation: p-component-overlay-enter-animation .15s forwards;
    overflow: auto;
}


body .p-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    max-height: 90%;
    transform: scale(1);
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    border: 1px solid #f1f1f1;
}

.ui-dialog-preview {
    width: 62.3%;
}


.p-dialog .p-dialog-header {
    background: 25px #00a6dc;
    border-color: #00a6dc;
    padding: 5px 15px;
    display: flex;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

timesicon.p-component.p-iconwrapper {
    width: auto;
    height: 2rem;
    color: #a6a6a6;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color .2s, color .2s, box-shadow .2s;
    display: flex;
    align-items: center;
    justify-content: end;
    overflow: hidden;
    position: relative;
}

timesicon.p-component.p-iconwrapper svg {
    color: #fff;
}

.p-dialog .p-dialog-header {
    flex-direction: row-reverse;
}

p-button.ng-tns-c787154972-33.ng-star-inserted {}

.p-dialog .p-dialog-content {
    background: #ffffff;
    color: #666;
    padding: 1rem;
    overflow-y: auto;
    flex-grow: 1;
}

.p-dialog .p-dialog-content .form-row button.btn.btn-primary.fb-button,.quote-btn {
    background-color: #00a6dc !important;
    border: 1px solid #00a6dc;
    cursor: pointer !important;
    color: #fff !important;
}

.p-dialog p-calendar .p-datepicker {
    padding: .375rem .75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}
.p-datepicker.p-component.p-inputwrapper.p-inputwrapper-filled {
    color: #333;
}



.p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}



.component-label {
    color: #333;
}


.form-control.p-inputwrapper {
   /* background: #f6fdff !important;*/
}


.inner-content .view-content ul li::marker {
    font-size: 13px;
}




.p-dialog-footer {
    border-top: 1px solid #dadada;
    background: #ffffff;
    color: #666;
    padding: .571rem 1rem !important;
    text-align: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    display: flex;
    justify-content: space-between;
}

.p-button-label {
    border: 1px solid #00a6dc;
    background: #00a6dc;
    padding: .429rem 1rem;
    font-size: 1rem;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
    color: #fff;
}

.p-inputtext {
    color: #4d6253 !important;
}
span.p-button-label:hover {
    background: #6c8999;
    color: #fff;
    border-color: #6c8999;
}

.p-dialog .p-confirmdialog-reject-button .p-button-label {
    background: #fff;
    color: #00a6dc;
    border: 1px solid  #00a6dc;
}
.p-dialog .p-confirmdialog-reject-button .p-button-label:hover {
    background: #00a6dc;
    color: #fff;
    border: 1px solid  #00a6dc;
}


p-table.form-control-ng .p-datatable .p-datatable-tbody>tr {
    background: #ffffff;
    color: #666;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}



p-table.form-control-ng .p-paginator.p-component {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffffff;
    color: #666;
    flex-direction: row;
    border-width: 0 1px 1px 1px;
    border-radius: 0;
}

p-table.form-control-ng .p-paginator-page,p-table.form-control-ng  .p-paginator-next,p-table.form-control-ng  .p-paginator-last,p-table.form-control-ng .p-paginator-first,p-table.form-control-ng  .p-paginator-prev {
    background-color: transparent;
    border: 0 none;
    color: #666;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
}

p-table.form-control-ng .p-paginator-page.p-paginator-page-selected {
    background: #ffdb00;
}

p-table.form-control-ng .p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,p-table.form-control-ng .p-paginator-first:not(.p-disabled):hover,p-table.form-control-ng .p-paginator-prev:not(.p-disabled):hover,p-table.form-control-ng .p-paginator-next:not(.p-disabled):hover, p-table.form-control-ng .p-paginator-last:not(.p-disabled):hover {
    background: #f4f4f4;
    border-color: transparent;
    color: #666;
}


p-table.form-control-ng .p-datatable .p-datatable-thead>tr>th[style="width: 13%;"] {
    width: 490px !important;
}

p-table.form-control-ng .p-datatable .p-datatable-thead>tr>th[style="width: auto;"] {
    WIDTH: 90px !IMPORTANT;
}

p-table.form-control-ng .p-datatable-tbody > tr > td SPAn {
    FONT-SIZE: 13PX;
    display: flex
;
    justify-content: flex-start;
}

.net-work #previewForm table tbody tr:nth-child(odd) td {
    background: #f5f5f5 !important;
}
p-table.form-control-ng .p-datatable-tbody > tr > td {
    padding: .571rem .857rem;
}



shc-dynamic-control shc-label {
    width: 100%;
}

.form-check {
    margin: 0;
    padding: 0;
}

.p-radiobutton {
    border: 1px solid #dadada;
    background: #ffffff;
    width: 20px !important;
    height: 20px !important;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    align-content: center;
    text-align: initial;
    min-width: 20px;
}

.p-radiobutton-input {
    border-color: #f4f4f4 !important;
    background: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.form-check .form-check-input {
    align-items: center;
    justify-content: center;
}

shc-radio-button .prime-form-control .ui-float-label {
    align-items: center;
}
.form-check .form-check-input {
    width: auto;
}
.form-check {
    padding-right: 0 !important;
}
.p-radiobutton-input[aria-checked="true"] {
    border-color: #2aa8da;
    background: #2aa8da ;
    z-index:0;
    opacity: 1;
}

.form-check .form-check-input {
    border: 0;
    background: none;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    margin: 0 9px;
}

shc-radio-button  .form-check-lable {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}
.p-fileupload-header {
    border: 0;
}
shc-radio-button span.ui-float-label {
    display: flex;
    flex-wrap: wrap;
}

shc-radio-button .form-check-lable {
    order: 0 !important;
    font-weight: 500;
    margin-bottom: 10px !important;
}

shc-radio-button .ui-g-4 {
    order: 1;
}
.programs-cont .form-control[readonly] {
    BACKGROUND: #f6fdff !important;
}
p-radiobutton {
    margin-bottom: 20px !important;
}

.form-group.editor-control.col-md-4 button.btn.pull-left {
    margin-top: 20px !important;
}



.form-check {
    display: flex;
    min-height: 1.5rem;
    align-items: center;
}
shc-radio-button .prime-form-control .ui-float-label {
    margin-bottom: 20px;
}
.form-check-input[type=checkbox] {position: relative;overflow: hidden;margin-top: 0;width: 20px !important;height: 20px !important;    left: -6px;}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    float: left;
    margin-left: -1.5em;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    background: #fff;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, .25);
    width: 20px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), -1px 0px 3px 0px rgb(0 0 0 / 12%);
}

.form-check-input:checked::after {
    background: #2aa8da;
    width: 100%;
    height: 100%;
    left: 0!important;
    top: 0!important;
    text-align: center;
}

.fb-lable-style {
    margin-bottom: 0;
}

.form-check {}

.form-group  .form-check ~ shc-control-messages {
    min-height: initial !important;
}


.fb-lable-style[for="control190"] {
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-bottom: 0;
    color: #856404 !important;
    background-color: #fff3cd;
    border-color: #ffeeba;margin-top: 30px;
}

.fb-lable-style[for="control190"] p {
    font-weight: 500 !important;
}

.fb-lable-style[for="control17"] {
    margin-top: 10px;
}

.fb-lable-style[for="control16"] {
    margin-bottom: 0;
    margin-top: 0px;
}
.program .fieldset-box .subject-legend {
    font-weight: bold;
}
.fb-lable-style[for="control15"] {
    margin-bottom: 0;
}

.form-group.editor-control.col-md-6 span.ui-float-label {
    text-align: LEFT;
}

.form-group.editor-control.col-md-6 span.ui-float-label label {
    font-weight: bold;
    color: #01668d;
}

.support-box {
    text-align: center !important;
}


.form-check-input:checked::after {
    content: "✓";
  color: #fff;
  font-size: 14px;
  position: absolute;

}
form#previewForm .form-row:last-child shc-check-box {
   
    display: block;
}




tfoot.p-datatable-tfoot {
    padding: 10px !important;
}

tfoot.p-datatable-tfoot td {
    padding: 10px 0 !important;
    font-weight: bold;
}

tfoot.p-datatable-tfoot td span {
    font-size: 15px;
}



.inner-content table tr th {
    background: #2087b1;
    color: #fff;
} 


.custom-disabled {
    BACKGROUND: #f6fdff !important;
    opacity: 1 !important;
}

.control-lable-without {
    background: none;
    font-weight: 400;
}

#preview label.component-label:empty {
    display: none;
}

fieldset.fieldset-box p span[style="color:#ff0000;"] {
       font-weight: 400 !important;
}

.inner-content table tfoot.p-datatable-tfoot tr td {
    background: #f9f9f9 !important;
    border-top: 1px #dadada solid !important;
}

shc-product-preview legend.subject-legend {
    margin-top: 0 !important;
}
.fb-lable-style p br {display: none;}





.inner-content table tfoot.p-datatable-tfoot tr td {
    background: #f9f9f9 !important;
    border-top: 1px #dadada solid !important;
}

shc-product-preview legend.subject-legend {
    margin-top: 0 !important;
}

.control-lable-without {
    font-weight: 500;
}


shc-check-box .form-group.editor-control.col-md-4 {
    position: relative;
}


.form-group.editor-control.col-md-8 .fb-lable-style {
    margin: 0;
}


.form-check .form-check-input {
    margin-left: 0 !important;
    left: 0 !important;
}

shc-product-preview{
    padding-top: 0;
}

.section-program {
    background: #f4f4f4;
    PADDING: 20px;
    BORDER-RADIUS: 5PX;
}

fieldset.fieldset-box {
    PADDING: 0;
}.container-fluid.program .row {
    margin: 0;
}

.container-fluid.program {
    padding: 0;
}

.program .row > .col {
    padding: 0;
}

.form-group.editor-control .btn-primary {
    margin-top: 20px;
}
.fb-lable-style[for="control4"] {
    margin-bottom: -20px;
}
.form-group.editor-control.col-md-12 .fb-lable-style[for="control4"] {
    margin-bottom: 0;
}

.p-datepicker-day-view th.p-datepicker-weekday-cell {
    background: #e1e1e1 !important;
    color: #333 !important;
}
.user-profile .d-flex.row {
    padding: 0 20px;
}


@media(min-width:768px){

.col-sm-12.col-md-12.col-lg-12.product-info-btn button.btn.x {
    POSITION: ABSOLUTE;
    MARGIN-TOP: -80px !important;
}

}





@media(max-width:768px){


.top-reset ~ .form-group {margin-top: 0 !important;}

.top-reset {
    margin-bottom: 20px;
}

span.prfile-span {
    font-size: 0;
}

span.prfile-span i.fas.fa-pen {
    font-size: 12px;
}
.user-profile .user-image {
    width: 100% !important;
}
.user-profile input.form-control.upload-Image {
    overflow: hidden;
    background: #ffffff !important;
    height: auto !important;
    border: 1px #d8d8d8 solid !important;
}


.statement-account .col-md-4 {
    padding: 0;
}

.StatementOfAccount {
    padding-left: 0;
    padding-right: 0;
}

.container.statement-account {
    margin: 0;
    padding: 0;
}

.statement-account .col-md-4[style="float: right; margin-top: 25px;"] {
    margin-top: 0 !important;
}
.statement-account .col-md-4 > label {
    margin-top: 5px;
}

.statement-account .col-md-4 > label {
    margin-top: 5px;
}

.StatementOfAccount .col-lg-12 {
    padding: 0;
}

.statement-account .card .card-header {justify-content: space-between;}

h4.card-title {
    font-size: 14px;
}
.row.mb-5.category-btn button {
    height: auto;
}
.p-overlay-mask-enter {
    padding-left: 15px;
    padding-right: 15px;
}

.container.program {
    padding: 0;
}

.form-group.editor-control {
    width: 100%;
}
#preview .col-md-12 {
    width: 100%;
}
.form-group.editor-control.col-md-4 button.btn.pull-left {
    margin-top: 0 !important;
}

.fb-lable-style[for="control4"] {
    margin-top: 0;
    margin-bottom: 0;
}
.form-group.editor-control.col-md-4 button.btn.pull-left {
    margin-top: 10px !important;
}

.fb-lable-style[for="control4"] {
    margin-top: 0;
    margin-bottom: 0;
}


body .p-dialog {
    width: 100%;
}

.online-services-card .col-md- {
    max-width: 100%;
}

.online-services {
    padding: 20px 0 0;
    margin-bottom: 0 !important;
}
.online-services-card .col-md- {
    max-width: 100% !important;
}

.online-services {
    margin-bottom: 0 !important;
    padding: 20px 20px 0;
}
form#previewForm .form-row:last-child .form-group.editor-control.col-md-4 button.btn.center-block.btn-sm.btn-primary {
    margin-top: 10px !important;
}.fb-lable-style[for="control190"] {
    margin-top: 0;
}.form-group.editor-control .btn-primary {
    margin-top: 0;
}
.container.get-pricing-box .row {
    margin-left: -10px;
    margin-right: -10px;
}.inner-content .view-img img {
    margin-bottom: 20px;
}.side-menu {
    z-index: 2;
}

}






/* New css */
.controles-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.col-1-3 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-3-3 {
    flex: 0 0 100%;
    width: 100%;
}

shc-dynamic-control {
}

shc-text-box {
    width: 100%;
    display: block;
}

.form-group.editor-control {
    width: 100%;
    display: block;
}

.p-select {
    width: 100%;
}#preview .form-row .form-group {padding-left:0 !important;
    padding-right:0!important;
}

.col-3-3 {
    margin-bottom: 10px;
}

.p-select-header {
    position: relative;
    padding: 7px !important;
}


.stepper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0px;
  white-space: nowrap;
  justify-content: center !important;
  padding-top: 0 !important;
  border: 0 !important;
  margin-bottom: 10px !important;
}

/* Step becomes inline item */
.stepper .step {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

/* Icon – small */
.stepper .step i {
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #6b7280;
  font-size: 13px;
  text-align: center;
  display: none !important;
}

/* Text inline */
.stepper .step-name {
  font-size: 12px;
  color: #00000057;
  padding: 10px 15px;
  border-radius: 40px;
  background: #343e4814;
}

/* Connector line as divider */
.stepper .step-line {
  width: 19px;
  height: 2px;
  background: #e5e7eb;
  margin-inline: 4px;
  /* display: none; */
}

/* Last step no divider */
.stepper .step:last-child .step-line {
  display: none;
}

/* Active */
.stepper .step.active i {
  background: #343e48;
  color: #ffffff;
}

.stepper .step.active .step-name {
  background: #00a6dc;
  color: #ffff;
}

.section-program {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 7px 2px #00000008;
}

.step:after {
    display: none;
}

shc-dynamic-control shc-label {
    width: 100%;
}form#previewForm .form-row, shc-label {
    display: flex !important;
}
form#previewForm .justify-content-between.align-items-center.p-2 {
    padding: 0 !important;
}
.section-program .row {
    align-items: flex-start;
}
.section-program .row {
    width: 100%;
}.section-program .justify-content-between {
    justify-content: space-between !important;
}


.container-row {
    width: 100%;
}

.section-program .prime-form-control p-datepicker {padding: 0 !important;border: 0 !important;}

.fb-lable-style {
    font-weight: 600;
    color: #00a6dc;
}

p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(0, 166, 220); border-image: initial; padding: 8px;"] span {
    font-weight: 600;
    color: #00a6dc;
}
.asterisk {
    color: #FF5722;
    font-weight: 500;
    font-size: 12px;
}
.program .col-md-12 {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}/* Initialize counter */
.stepper {
  counter-reset: step;
}

/* Step name with number */
.stepper .step-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Number circle */
.stepper .step-name::before {
  counter-increment: step;
  content: counter(step);
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  background: #cfd3d7;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  flex-shrink: 0;
}

/* Active number */
.stepper .step.active .step-name::before {
  background: #ffffff;
  color: #00a6dc;
}

/* Initialize counter */
.stepper {
  counter-reset: step;
}

/* Step name with number */
.stepper .step-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Number circle */
.stepper .step-name::before {
  counter-increment: step;
  content: counter(step);
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  background: #cfd3d7;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  flex-shrink: 0;
}

/* Active number */
.stepper .step.active .step-name::before {
  background: #ffffff;
  color: #00a6dc;
}

fieldset.fieldset-box p span[style="color:#ff0000;"] {
    font-size: 14px !important;
}


.p-datepicker-dropdown:hover {opacity: 0.5;}
.p-datepicker-dropdown::after {
    display: none;
}
p-selectitem .p-select-option {
    display: flex !important;
    align-items: center;
}
p-selectitem .p-select-option::before {
    display: none;
    top: 0;
    margin-right: 5px;
}
.p-select-header .p-iconfield {
    padding: 5px;
    border: 1px #d1dadf solid;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.p-select-header {
    padding: 10px;
}

p-inputicon.p-inputicon {
    top: auto;
}

.p-select-option {
    padding: 2px 15px !important;
}
.p-select-overlay.p-component {
    overflow: hidden;
}.form-group.editor-control button.btn.pull-left.btn-xs.btn-primary,.col-sm-3 button.btn.pull-left.btn-primary {
    margin-top: 0;
    background: none;
    border: 0;
    color: var(--primary);
    padding: 0 !important;
    min-width: auto;
    font-size: 14px;
    height: auto;
    font-weight: 600;
}


.form-group.editor-control button.btn.pull-left.btn-xs.btn-primary:before, .col-sm-3 button.btn.pull-left.btn-primary:before {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f01e";
}
button.btn.pull-left.btn-md.btn-default {
    margin-top: 21px;
    background: var(--primary);
    color: #fff;
    padding: 5px  11px;
    font-size: 14px;
}

button.btn.pull-left.btn-md.btn-default:hover,.col-sm-3 button.btn.pull-left.btn-primary {
    opacity: 0.8;
}
.form-group.editor-control button.btn.pull-left.btn-xs.btn-primary:hover, .col-sm-3 button.btn.pull-left.btn-primary:hover {
    color: var(--primary);
}
.form-check {
    align-items: flex-start;
}

/* =========================
   DataTable Container
========================= */
.p-datatable {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

/* =========================
   Header
========================= */
.p-datatable-header {
  background: var(--primary);
  color: #fff;
  font-weight: 600;
  padding: 14px 16px;
  font-size: 16px;
}

/* =========================
   Table Head
========================= */
.p-datatable-thead > tr > th {
  background: #f9fafb;
  color: #374151;
  font-weight: 600;
  text-align: center;
  padding: 12px 10px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}

/* =========================
   Table Body
========================= */
.p-datatable-tbody > tr {
  transition: background 0.2s ease;
}

.p-datatable-tbody > tr:hover {
  background: #f3f4f6;
}

.p-datatable-tbody > tr > td {
  padding: 12px 10px;
  text-align: center;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  color: #111827;
}

/* =========================
   PrimeNG Button (Text -> Icon)
========================= */
.p-datatable .p-button-link {
  font-size: 0; /* hide text */
  padding: 0;
  border: none;
  background: transparent;
  position: relative;
}

/* =========================
   EDIT Button (Blue Pen)
========================= */
.p-datatable .p-button-link[icon*="pi-pencil"]::before {
  content: "\f304"; /* fa-pen */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: var(--primary);
}
.p-datatable-tbody > tr > td {
    PADDING: 10px;
}
/* =========================
   DELETE Button (Red Trash)
========================= */
.p-datatable .p-button-link[icon*="pi-trash"]::before {
  content: "\f1f8"; /* fa-trash */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #dc2626;
}

/* Hover effects */
.p-datatable .p-button-link:hover::before {
  opacity: 0.8;
}

/* ===== Radio Group Wrapper ===== */

/* Each option */
.prime-form-control .ui-g-4 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Hide default radio */
.prime-form-control input[type="radio"] {transition: all 0.2s ease;padding: 8px 11px 12px;margin-top: 1px;}




/* Hover */
.prime-form-control input[type="radio"]:hover {
  border-color: var(--primary);
}

/* Label */
.prime-form-control .form-check-label {
  font-weight: 500;
  cursor: pointer;
  margin: 0;
}
p-button[data-pc-section="choosebutton"] ~ p-button {
    display: none;
}

.prime-form-control .ui-g-4 {
    min-width: 130px;
}

.prime-form-control .ui-g-4 {padding: 0 26px;}

.prime-form-control .ui-g-4 ~ label.component-label.form-check-lable {
    display: none;
}



label.component-label.form-check-lable {
    margin-bottom: 0 !important;
    font-weight: 600;
    color: #333;
}

.controles-container .col-md-8 {
    width: 100%;
}

p-dialog  .form-group {
    margin-bottom: 15px !important;
}

.form-check-input {
    margin-right: -20px;
    float: right;
}

.controles-container button.btn.pull-left.btn-default {
    background: var(--primary);
    color: #fff;
    margin-top: 21px;
    padding: 5px 11px;
    font-size: 14px;
}
.controles-container button.btn.pull-left.btn-default:hover {
opacity:0.8;
    
}

.prime-form-control .form-check-label {
    padding-right: 20px;
}

label.component-label.form-check-lable {
    display: block !important;
} 
label.component-label.form-check-lable {
    font-size: 13px;
}

.program .fieldset-box .subject-legend {
    margin-bottom: 10px;
}

label.component-label.form-check-lable {
    padding: 10px  0 0;
}

.label input.control-lable-without {
    display: none;
}

.programs-cont p-datepicker.form-control {
    padding: 0 !important;
    border: 0 !important;
}

/* Main popover container */
.popover {
  border: none;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  background: rgb(0 0 0 / 85%);
  max-width: 320px;
  direction:rtl;
  text-align:justify;
}

/* Popover body */
.popover-body {
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.6;
  color: #fff; /* dark text */
}

/* Tooltip inner content */
.ti-tooltip-content {
  font-weight: 400;
}

/* Arrow styling */
.popover .popover-arrow::before,
.popover .arrow::before {
  border-top-color: #ffffff !important;
}

.popover.bs-popover-top .popover-arrow::after,
.popover.bs-popover-top .arrow::after {
  border-top-color: #ffffff !important;
}

/* Optional: smooth fade-in */
.popover.show {
  animation: fadeInPopover 0.2s ease-out;
}

@keyframes fadeInPopover {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.popover .arrow {
    display: none;
}


@media (max-width: 768px) {.col-1-3 {
    flex: 0 0 100%;
    width: 100%;

}

  .stepper {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 6px;
    scrollbar-width: none;
    justify-content: space-between !important;
  }

  .stepper::-webkit-scrollbar {
    display: none;
  }


  .step i {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #6b7280;
    margin: 0 auto 4px;
    display: block;
  }

  .step.active i {
    background: var(--primary);
    color: #fff;
  }

  .step-name {
    font-size: 11px;
    line-height: 1.3;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
  }

  .step-line {
    display: none;
  }

.stepper .step.active .step-name {
    font-size: 0;
    padding-right: 3px;
    padding-left: 11px;
    background: var(--primary);
}

.stepper .step.active .step-name:before {
    background: var(--primary);
    color: #fff;
}
.form-group.editor-control button.btn.pull-left.btn-xs.btn-primary {
    text-align: justify;
}
}



/* Main popover container */
.popover {
  border: none;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  background: rgb(0 0 0 / 85%);
  max-width: 320px;
  direction:rtl;
  text-align:justify;
}

/* Popover body */
.popover-body {
  padding: 16px 18px !important;
  font-size: 14px;
  line-height: 1.6;
  color: #fff; /* dark text */
}

/* Tooltip inner content */
.ti-tooltip-content {
  font-weight: 400;
}.app-travel-insurance .pa-step-hint {width: calc(100% - 20px);margin: 0 auto;}


.ti-approvals-box {
    line-height: 27px;
}
 
 
.ti-approval-note:nth-child(2) {
    padding-bottom: 10px;
}


.ti-phone-prefix {
    width: 100px;
}

.privacy-consent .form-check.d-flex.align-items-start {
    display: flex !important;
    gap: 30px !important;
}



.medical-cont .app-travel-insurance app-plan-details .ti-trip-card.h-100 {
    border: 0;
    padding: 0;
}
.medical-cont .app-travel-insurance app-plan-details .ti-trip-card.h-100 .col-md-12 {
    width: 50%;
}


@media(max-width:768px) {.medical-cont .app-travel-insurance app-plan-details .ti-trip-card.h-100 .col-md-12 {
    width: 100%;
}}

.medical-cont button.btn.btn-outline-light.flex-fill.px-4.rounded-pill.back-button {
    flex: initial !important;
}

.medical-cont .mt-4.d-flex.justify-content-between.gap-2 .btn {
    width: auto !important;
    margin-top: 0!important;
}

.medical-cont .app-travel-insurance button.btn.continue-button.rounded-pill.flex-fill.px-4 {
    flex: initial !important;
}

.medical-cont .ms-members-step .ms-step-card {
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}



.medical-cont  .ms-step-header {
  align-items: center !important;
  padding: 0.75rem 1rem; /* Tightened padding */
  background: #ffffff;
  border: 1px solid #f3f4f6; /* Subtle border instead of just bottom */
  border-radius: 12px; /* Softened corners for a modern card look */
  background: radial-gradient(circle at center, rgba(0, 166, 220, .08), transparent 70%);
}

/* Text Grouping */

.medical-cont  .ms-step-header > div:first-child {
  display: flex;
  flex-direction: column;
}


.medical-cont  .ms-step-title {
  margin: 0;
  font-size: 0.95rem; /* Smaller, crisp font */
  font-weight: 700;
  color: var(--text-main);
  line-height: 1.2;
}


.medical-cont  .ms-step-subtitle {
  margin: 0;
  font-size: 0.75rem; /* Compact subtitle */
  color: var(--text-muted);
  font-weight: 400;
}


.medical-cont .ms-add-btn {
  all: unset; /* Reset Bootstrap defaults if necessary */
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  border-radius: 6px !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}


.medical-cont  .ms-add-btn:hover {
  background-color: var(--primary);
  color: #ffffff;
}


.medical-cont  .ms-add-btn:active {
  transform: scale(0.97);
}

/* Hide the subtitle on very small screens to save vertical space */
@media (max-width: 480px) {
 
.medical-cont  .ms-step-subtitle {
    display: none;
  }
 
.medical-cont  .ms-step-title {
    font-size: 0.85rem;
  }
}



.medical-cont  .ms-members-step .row.g-4.align-items-stretch {margin-right: calc(-0.5 * var(--bs-gutter-x));/* margin-left: calc(-0.5 * var(--bs-gutter-x)); */justify-content: center;}



.medical-cont  .ms-members-step .ms-member-card {
  border-radius: 12px !important;
   /* Optional: controls card width */
  transition: box-shadow 0.2s ease;
  padding: 0 !important;
  border: 1px solid #f3f4f6 !important;
}

.medical-cont  .ms-members-step .ms-member-card-top {
  align-items: center !important;
  gap: 0.75rem !important;
  margin-bottom: 5px;
  padding: 20px 20px;
}

.medical-cont .ms-members-step .ms-member-avatar {
  width: 40px;
  color: var(--primary) !important;
  border-radius: 10px !important;
  background: var(--primary-light) !important;
}

.medical-cont  .ms-members-step .ms-member-top-info {
  flex-grow: 1;
}

.medical-cont  .ms-members-step .ms-member-name {
  font-weight: 700;
  color: var(--text-main);
  font-size: 1rem;
  line-height: 1.2;
}

.medical-cont  .ms-members-step .ms-member-chip {
  font-size: 0.7rem !important;
  font-weight: 600;
  padding: 2px 8px !important;
  border-radius: 20px !important;
  margin-top: 4px !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.medical-cont  .ms-members-step .ms-icon-btn {
  border-radius: 6px;
}

.medical-cont  .ms-members-step .ms-icon-btn:hover {
  background-color: var(--border-color);
  color: var(--primary);
}

.medical-cont  .ms-members-step .ms-info-label {
  font-size: 0.7rem !important;
  color: var(--text-label);
  font-weight: 600;
  margin-bottom: 2px;
}

.medical-cont  .ms-members-step .ms-info-value {
  font-size: 0.85rem;
  color: var(--text-main);
  font-weight: 500;
}

.medical-cont  .ms-members-step .ms-member-card .row.g-3 {
  margin-top: 0 !important;
  border-top: 1px solid var(--border-color);
  padding-top: 0;
  padding: 10px 15px 20px;
}

.medical-cont  .ms-members-step .ms-member-card .col-6 {
  margin-bottom: 1rem;
  margin-top: 0;
}
.medical-cont  .ms-members-step  .ms-member-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.medical-cont  .ms-members-step  .ms-icon-btn {
  /* Reset and Base Styles */
  all: unset; /* Remove default button styling */
  
  
  
  
  
  /* Sizing and Shape */
  border-radius: 8px !important; /* Smooth rounded square */
  
  /* Aesthetic */
  background-color: transparent !important;
   /* Subtle grey */
  border: 1px solid #e5e7eb !important;
  
  /* Smooth interaction */
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.medical-cont  .ms-members-step  .ms-icon-btn:hover {
  background-color: var(--primary, #4f46e5) !important; /* Use primary on hover */
  color: #ffffff;
  border-color: var(--primary, #4f46e5) !important;
  transform: translateY(-2px); /* Slight lift effect */
  box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.2); /* Soft glow */
}

/* Active/Click State */
.medical-cont  .ms-members-step  .ms-icon-btn:active {
  transform: translateY(0px) scale(0.95);
}

/* Icon Size adjustment */
.medical-cont  .ms-members-step  .ms-icon-btn i {
  font-size: 0.85rem;
}

:root {
  --primary-glow: rgba(79, 70, 229, 0.15);

  --accent-blue: #60a5fa;

}

.medical-cont  .ms-members-step  .ms-empty-family-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%) !important;
  border: 1px solid #e5e7eb !important; /* Dashed border signals a "placeholder" area */
  border-radius: 20px;
  transition: all 0.3s ease;
  background: url(/Resources/1/about-us-pattern-en.webp) 100% 5% / 30% no-repeat #fff !important;
}

.medical-cont  .ms-members-step  .ms-empty-family-card:hover {
  border-color: var(--accent-blue);
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}

.medical-cont  .ms-members-step  .ms-empty-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, var(--accent-blue), var(--primary));
  color: white;
  font-size: 1.8rem;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  box-shadow: 0 10px 20px var(--primary-glow);
  position: relative;
}

.medical-cont  .ms-members-step  .ms-empty-icon::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--accent-blue);
  opacity: 0.3;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 0.5; }
  100% { transform: scale(1.5); opacity: 0; }
}

/* Text Styling */
.medical-cont  .ms-members-step  .ms-empty-text {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: 1.5rem;
  max-width: 250px;
  line-height: 1.4;
}

/* Colorful Gradient Button */
.medical-cont  .ms-members-step  .ms-add-btn {
  all: unset;
  cursor: pointer;
  padding: 0.8rem 1.8rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: white;
  background: var(--primary) !important;
  border-radius: 50px; /* Pill shape */
  box-shadow: 0 4px 15px var(  --primary-glow) !important;
  transition: transform 0.2s, box-shadow 0.2s;
}

.medical-cont  .ms-members-step  .ms-add-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgb(3 169 244 / 19%);
  filter: brightness(1.1);
}

.medical-cont  .ms-members-step  .ms-add-btn:active {
  transform: translateY(0);
}

.ms-member-modal-backdrop {
    display: block !important;
    margin: 0 auto !important;
    overflow: auto !important;
}

.ms-member-modal h5 {
    font-weight: 400;
    font-size: 16px;
  margin:0;
}

.ms-member-modal  .col.d-flex {
    margin-top: 0;
}

.ms-member-modal  button.btn-close {
    color: #fff;
    filter: invert(1) grayscale(100%) brightness(200%);
}


.ms-member-modal  button.ti-method-card.w-100.h-100.d-flex.align-items-center.justify-content-between.p-3.p-md-4.border.rounded-3.bg-white.text-start {
    min-height: auto !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

.ms-member-modal .d-flex.gap-2.m-3.justify-content-center {
    border-top: 1px solid #e8e8e8 !important;
    padding: 14px;
    margin: 0 !important;
    justify-content: end !important;
}

.ms-member-modal .d-flex.gap-2.m-3.justify-content-center {
    border-top: 1px solid #e8e8e8 !important;
    padding: 14px;
    margin: 0 !important;
    justify-content: end !important;
}

.ms-member-modal  button.btn.continue-button.rounded-pill.w-50 {
    width: auto !important;
}

.ms-member-modal {
    margin: 0 auto;
}

.medical-cont .app-travel-insurance app-plan-details .ti-trip-card.h-100 .col-md-12:last-child {
    width: 100%;
}


.ms-member-modal h5 {
    color: #fff !important;
    opacity: 1;
}

.medical-cont .ms-step-header {
    margin-bottom: 15px !important;
}



.medical-cont .ms-member-modal h5 {
    color: #fff !important;
    opacity: 1;
}

.medical-cont .ms-step-header {
    margin-bottom: 15px !important;
}


.medical-cont .ms-prices-main  .ms-breakdown-box {
    margin-bottom: 20px;
}

.medical-cont .ms-prices-main h2.ms-step-title {
    font-size: 1.25rem !important;
}

.medical-cont .ms-prices-step .ms-step-card {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


.medical-cont .ms-prices-step .ms-benefits-card span.ms-check-icon {
    color: var(--primary) !important;
}



@media(max-width:768px) {
.medical-cont .ms-members-step .ms-member-card .row.g-3 {
    flex-direction: column;
}
.medical-cont  .ms-members-step .col-lg-6 {
    margin-top: 0;
    padding: 0;
}

.medical-cont .ms-members-step .col-lg-6 {
    margin-bottom: 20px;
}
.medical-cont  .ms-prices-step .col-lg-7 {
    padding: 0;
}

.medical-cont  .ms-prices-step .mt-2.d-flex.justify-content-between.align-items-center {
    flex-direction: column;
    gap: 10px;
}

.medical-cont  .ms-prices-step .mt-2.d-flex.justify-content-between.align-items-center .btn {
    width: 100% !important;
}

.medical-cont  .ms-prices-step .mt-2.d-flex.justify-content-between.align-items-center .d-flex.gap-2 {
    width: 100%;
    flex-direction: column;
}

.medical-cont  .ms-prices-step  .col-lg-5 {
    padding: 0;
}}




.medical-cont .header-block h2.title {
    font-weight: 600 !important;
    color: var(--text-dark);
    font-size: 1.25rem !important;
}

.medical-cont  .header-block {
    margin-bottom: 15px !important;
}

.medical-cont  .medical-declarations-card {
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}




.medical-cont .question-card {
  padding: 0.5rem 0.75rem !important; /* Ultra-minimal padding */
  border-bottom: 1px solid #2aa8da7a !important;
  background: #fff;
}

.medical-cont .question-row {
  display: flex;
  align-items: center !important; /* Vertical center */
  gap: 12px !important;
}
.medical-cont .question-number {
  font-size: 0.75rem;
  font-weight: 700;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--primary-light);
  margin: 0;
  height: 25px;
}

.medical-cont .question-content {
  display: flex;
  flex-grow: 1;
  justify-content: space-between; /* Pushes buttons to the right */
  align-items: center;
  gap: 16px;
}

.medical-cont .question-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0!important;
}

.medical-cont .required-star {
  color: #ef4444;
  margin-left: 2px;
}

.medical-cont .answer-grid {
  display: flex;
  gap: 4px; /* Tiny gap between buttons */
  flex-shrink: 0;
}

/* 6. Mini Pill Buttons */
.medical-cont .answer-btn {
  cursor: pointer;
  padding: 5px 26px;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.2s ease;
  text-align: center;
  min-width: 45px;
  height: 33px;
}

.medical-cont .answer-btn.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}

.medical-cont .answer-btn:hover:not(.active) {
  background-color: #f9fafb;
  border-color: #d1d5db;
}


.medical-cont .question-number {
    background: var(--primary-light)!important;
    color: var(--primary) !important;
}.question-content .mt-3 {
    width: 100%;
    margin-top: 0 !important;
}

.medical-cont .question-content {
    flex-wrap: wrap;
 
}.medical-cont .question-text {
    max-width: 80%;
}


/* Responsive: stack only on very small screens */
@media (max-width: 768px) {
.medical-cont   .question-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }.medical-cont .question-text {
    max-width:100%;
}
.medical-cont   .answer-grid {
    width: 100%;
  }
 .medical-cont .answer-btn {
    flex: 1;
  }
.medical-cont .question-row {
    align-items: flex-start;
}
.medical-cont .answer-grid {flex-direction: row;}

.medical-cont .answer-grid button.answer-btn {
    width: auto !important;
}

.medical-cont .question-content .answer-grid {
    flex-direction: row !important;
    display: flex;
}
.medical-cont .question-row {
    align-items: flex-start !important;
}

}
ul.ocr-instructions__list ::marker {
    font-size: 13px;
}
.ocr-instructions__list li {
    margin: 0;
}

.modal.show .modal-dialog {
    display: block;
    padding-bottom: 35%;
}





/* ── Error colors ── */
.toast-error.toaster-bar {
  background: #fff1f2;

  padding-right: 0;
}

.toast-error  .toast-close-button {
  position: absolute;
  top: 8px;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #991b1b;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  transition: background 0.15s;
}

.toast-error .toast-close-button:hover {
  background: #fecaca;
}

.toast-error  .toast-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0 17px;
  font-size: 13px;
  font-weight: 400;
  color: #7f1d1d;
  line-height: 1.6;

}

.toast-error  .toast-title::before {
  content: "⚠";
  font-size: 15px;
  color: #ef4444;
  flex-shrink: 0;
  margin-top: 1px;
  line-height: 1.4;
}



.toast-error  .toast-progress {
  height: 3px;
  background: #ef4444;
  opacity: 0.7;
  transition: width 0.1s linear;
}



.toast-error.toaster-bar .toaster-message {
    
    padding: 0 17px;
    color: #7f1d1d;
}



.section-motor-page-bg.stepper-cnt {
    padding: 0 !important;
    background: none!important;
}
.stepper-cnt .head-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 0;
  padding: 0;
  direction: rtl;
}
.stepper-cnt .head-container > .col-12 {
  display: none;
}
.stepper-cnt .stepNameContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  width: auto;
}

.stepper-cnt .stepNameContainer:not(:last-child)::after {
  content: "";
  width: 20px;
  height: 2px;
  margin-inline-start: 8px;
  background: #d7dde4;
  border-radius: 999px;
  position: absolute;
  left: -37px;
}

.stepper-cnt .stepNameContainer p:first-child {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  background: var(--border-light);
  color: var(--text-muted);
}

.stepper-cnt .stepNameContainer p:nth-child(2) {
  display: none;
  margin: 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
}

.stepper-cnt .stepNameContainer:has(p.active) {
  min-height: 42px;
  padding: 5px 6px 5px 14px;
  border-radius: 999px;
  background: var(--primary);
  /* box-shadow: 0 8px 18px rgba(39, 169, 212, 0.22); */
}

.stepper-cnt .stepNameContainer p.active {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #ffffff;
  color: #27a9d4;
  font-size: 13px;
}
.stepper-cnt .stepNameContainer:has(p.active) p:nth-child(2) {
  display: block;
}
.stepper-cnt .stepNameContainer:has(p.active)::after {
  margin-inline-start: 12px;
}
.col-4:last-child .info-container .value {
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 12px;
  border: 1px solid #85d1f0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  background: #2aa8da24;
}

@media (max-width: 768px) {
  .stepper-cnt .head-container {
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .stepper-cnt .head-container::-webkit-scrollbar {
    height: 4px;
  }

  .stepper-cnt .head-container::-webkit-scrollbar-thumb {
    background: #c7d2dc;
    border-radius: 999px;
  }

  .stepper-cnt .stepNameContainer:not(:last-child)::after {
    width: 16px;
    margin-inline-start: 4px;
  }

  .stepper-cnt .stepNameContainer p:first-child {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .stepper-cnt .stepNameContainer:has(p.active) {
    min-width: max-content;
  }
}



.section-motor-page-bg.stepper-cnt {
    padding: 0 !important;
    background: none!important;
}
.stepper-cnt .head-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 0;
  padding: 0;
  direction: rtl;
}
.stepper-cnt .head-container > .col-12 {
  display: none;
}
.stepper-cnt .stepNameContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  width: auto;
}

.stepper-cnt .stepNameContainer:not(:last-child)::after {
  content: "";
  width: 20px;
  height: 2px;
  margin-inline-start: 8px;
  background: #d7dde4;
  border-radius: 999px;
  position: absolute;
  left: -37px;
}

.stepper-cnt .stepNameContainer p:first-child {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  background: var(--border-light);
  color: var(--text-muted);
}

.stepper-cnt .stepNameContainer p:nth-child(2) {
  display: none;
  margin: 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
}

.stepper-cnt .stepNameContainer:has(p.active) {
  min-height: 42px;
  padding: 5px 6px 5px 14px;
  border-radius: 999px;
  background: var(--primary);
  /* box-shadow: 0 8px 18px rgba(39, 169, 212, 0.22); */
}

.stepper-cnt .stepNameContainer p.active {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #ffffff;
  color: #27a9d4;
  font-size: 13px;
}
.stepper-cnt .stepNameContainer:has(p.active) p:nth-child(2) {
  display: block;
}
.stepper-cnt .stepNameContainer:has(p.active)::after {
  margin-inline-start: 12px;
}

@media (max-width: 768px) {
  .stepper-cnt .head-container {
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .stepper-cnt .head-container::-webkit-scrollbar {
    height: 4px;
  }

  .stepper-cnt .head-container::-webkit-scrollbar-thumb {
    background: #c7d2dc;
    border-radius: 999px;
  }

  .stepper-cnt .stepNameContainer:not(:last-child)::after {
    width: 16px;
    margin-inline-start: 4px;
  }

  .stepper-cnt .stepNameContainer p:first-child {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .stepper-cnt .stepNameContainer:has(p.active) {
    min-width: max-content;
  }
}




.head-crd{
  border-radius:20px;
}

/* ---------- Card shell ---------- */
.head-crd .row.g-3.mb-3 .card.border-info{
  border:1px solid #dce7f2 !important;
  border-radius:18px !important;
  background:var(--bg-white);
  box-shadow:0 1px 3px rgba(31,41,55,.04);
  position:relative;
  overflow:hidden;
}

.head-crd .row.g-3.mb-3 .card-body{
  padding: 1.2rem !important;
}

/* ---------- Title row ---------- */
.head-crd .card-title{
  font-size:15.5px;
  font-weight:700;
  color:var(--text-dark) !important;
  margin-bottom: 5px !important;
}

.head-crd .card-title i{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--primary-light);
  color:var(--primary) !important;
  border-radius:10px;
  font-size:16px;
  flex-shrink:0;
}

/* ---------- Fact rows ---------- */
.head-crd .row.gy-3 > div{
  padding-top:.7rem;
  padding-bottom:.7rem;
  border-bottom:1px dashed var(--border-light);
  margin-top: 0 !important;
}

.head-crd .row.gy-3 > div:nth-last-child(-n+2){
  border-bottom:none;
  padding-bottom:0;
}

.head-crd .text-muted.small{
  color:var(--text-muted) !important;
  font-size:13.5px;
}

.head-crd .text-muted.small i{
  color:var(--text-secondary) !important;
  font-size:13px;
  width:16px;
  text-align:center;
}

.head-crd strong.text-dark{
  color:var(--text-dark) !important;
  font-size:14.5px;
  font-weight:700 !important;
  font-variant-numeric: tabular-nums;
}


/* ---------- Responsive ---------- */
@media (max-width: 767px){
  .head-crd .row.g-3.mb-3 .card-body{
    padding:1.25rem !important;
  }
  .head-crd{
    padding:16px;
  }
  .det-card .d-grid {
    display: flex !important;
    flex-direction: column;
}
}



.det-card{
  padding:24px;
}

.det-card .motor-form-card{
  border-radius:18px;
  padding: 0 24px;
}

.det-card .d-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  column-gap:20px;
  row-gap:20px;
}

.det-card .text-div,
.det-card .select-div{
  display:flex;
  flex-direction:column;
}

.det-card .text-input-label,
.det-card .select-input-label{
  display:block !important;
  text-align: justify;
  color: #374151;
}

.det-card .checkbox-input-label-text,
.det-card .select-input-label-text{
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  display: block;
  text-align: right;
}

.det-card .text-input-wrapper input{
  width:100%;
  height:46px;
  border:1.5px solid var(--border-light);
  border-radius:10px;
  background:var(--bg-white);
  padding:0 14px;
  font-size: 13px;
  color:var(--text-dark);
  box-sizing:border-box;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.det-card .text-input-wrapper input:focus{
  outline:none;
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-light);
}

.det-card .text-input-wrapper input:disabled{
  background:var(--bg-light);
  border-style:dashed;
  cursor:not-allowed;
}

.det-card ng-select .ng-select-container{
  min-height:46px !important;
  border:1.5px solid var(--border-light) !important;
  border-radius:10px !important;
  background:var(--bg-white) !important;
  padding:0 6px;
  font-size: 13px;
  color:var(--text-dark);
  box-shadow:none !important;
}

.det-card ng-select.ng-select-focused .ng-select-container{
  border-color:var(--primary) !important;
  box-shadow:0 0 0 3px var(--primary-light) !important;
}

.det-card ng-select .ng-placeholder{
  color:var(--text-muted) !important;
  font-size:14px;
}

.det-card ng-select .ng-value-label{
  font-weight:500;
  color:var(--text-dark);
}

.det-card ng-select .ng-value-icon{
  color:var(--text-muted) !important;
  border:none !important;
}

.det-card ng-select .ng-value-icon:hover{
  background:var(--primary-light) !important;
  color:var(--primary) !important;
}

.det-card ng-select .ng-arrow-wrapper .ng-arrow{
  border-color:var(--text-muted) transparent transparent !important;
}

.det-card .select-div app-select-input.ng-invalid ng-select .ng-select-container{
  border-color:var(--border-light) !important;
}

.det-card .select-div app-select-input.ng-invalid.ng-touched ng-select .ng-select-container{
  border-color:var(--danger) !important;
  background:var(--danger-light) !important;
}

.det-card ng-select .ng-dropdown-panel{
  border:1px solid var(--border-light) !important;
  border-radius:10px !important;
  box-shadow:0 10px 24px -8px rgba(31,41,55,.18) !important;
  margin-top:4px;
}

.det-card ng-select .ng-dropdown-panel .ng-option{
  color:var(--text-dark);
  font-size:14px;
  padding:10px 14px;
}

.det-card ng-select .ng-dropdown-panel .ng-option.ng-option-marked{
  background:var(--primary-light) !important;
  color:var(--primary-dark) !important;
}

.det-card ng-select .ng-dropdown-panel .ng-option.ng-option-selected{
  background:var(--primary) !important;
  color:#fff !important;
  font-weight:600;
}

.det-card app-field-errors:not(:empty){
  display:block;
  color:var(--danger);
  font-size:12px;
  margin-top:6px;
}

.det-card .button-div{
  margin-top:.5rem;
}

.det-card .form-button.motor-primary-btn{
  width:100%;
  background:var(--primary);
  color:#fff;
  cursor:pointer;
}

.det-card .form-button.motor-primary-btn:hover{
  background:var(--primary-dark);
  transform:translateY(-1px);
}

.det-card .form-button.motor-primary-btn:active{
  transform:translateY(0);
}




.head-crd .row.g-3.mb-3 .card.border-info {
    border-right: 2px solid var(--primary) !important;
}